iT邦幫忙

2024 iThome 鐵人賽

DAY 16
0
自我挑戰組

HTML跨平台網頁設計系列 第 25

B O O T S T R A P元件

  • 分享至 

  • xImage
  •  

導覽與頁籤

導覽:在網頁中經常會使用文字作為導覽標示,使用者可以選不同連結以切換不同的內容或是單元。網頁設計中常用ul li來組成導覽的選項。夜間導覽只要在U L元素中加入.nav基礎類別後再.nav-pills即可變為膠囊導覽。

導覽列

導覽列是整個網站的主功能表,無論在哪個單元頁面都能藉由導覽列的領導回到首頁或切換到其他頁面,甚至執行搜尋或是會員登入的全站性工作。B O T S T R A T的導覽列不需要包含在B O O T S T R A P的基本結構中建構時使用nav元素,加入.navbar基礎類別,接著再套用.navbar-expend{-sm|-md|-lg|-xl}給予響應式的折疊,最後再設定配色的類別,接著要在導覽列的內容中就要放置在所屬的D I V Class週末的行程


上一篇
B O O T S T R A P元件
下一篇
B O O T S T R A P J S元件
系列文
HTML跨平台網頁設計30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言